﻿<!doctype html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7]><html class="ie ie-lt7 ie-lt8 ie-lt9"><![endif]-->
<!--[if lt IE 8]><html class="ie ie-lt8 ie-lt9"><![endif]-->
<!--[if lt IE 9]><html class="ie ie-lt9"><![endif]-->
<!--[if gt IE 8]><html class="ie"><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>

    <link href="css/reset.css" rel="stylesheet" media="all" />
    <link href="css/global.css" rel="stylesheet" media="all" />
    <link href="css/layout.css" rel="stylesheet" media="all" />
    <link href="css/grid.css" rel="stylesheet" media="all" />
    <link href="css/g-blocks.css" rel="stylesheet" media="all" />
    <link href="css/blocks.css" rel="stylesheet" media="all" />
    <link href="css/RoundedCorners.css" rel="stylesheet" media="all" />
    <link href="css/colorbox.css" rel="stylesheet" media="all" />

    <!--[if lt IE 8]>
    <link href="css/global.ie.css" rel="stylesheet" media="all" />
    <![endif]-->

    <!--[if lt IE 7]>
    <link href="css/g-png24.ie.css" rel="stylesheet" media="all" />
    <![endif]-->

    <script type="text/javascript" src="js/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="js/RoundedCorners.js"></script>
    <script type="text/javascript" src="js/jquery.colorbox.js"></script>

    <script>
        $(document).ready(function(){
            $('#EnterLbShow').colorbox({
                inline: true,
                href: '#EnterLb',
                title: 'Вход на сайт'
            });
        });
    </script>
</head>
<body>
    <div class="l-wrap">
        <div class="l-header g-safeContext">
            <div class="l-header_data g-safeContext">
                <div class="l-header_refs g-inlineBlock">
                    <a class="l-header_refs_one" href="">Подробнее о нас</a><br />
                    <a class="l-header_refs_one" href="">Предложить проект</a>
                </div>
                <div class="l-enter g-inlineBlock rc5">
                    <a class="l-enter_ref" href="">Зарегистриорваться</a>&nbsp;
                    <a id="EnterLbShow" class="l-enter_ref" href="">Войти</a><br />
                    можно через&nbsp;
                    <a class="l-enter_imgRef l-enter_imgRef__gm g-inlineBlock" href=""></a>
                    <a class="l-enter_imgRef l-enter_imgRef__fb g-inlineBlock" href=""></a>
                    <a class="l-enter_imgRef l-enter_imgRef__vk g-inlineBlock" href=""></a>

                    <div style="display: none;"><div id="EnterLb" class="enterForm">
                        <div class="enterForm_field g-12 g-safeContext">
                            <label class="enterForm_field_label g-col-1 g-span-3" for="enterLogin">Логин</label>
                            <input class="g-col-4 g-span-8" id="enterLogin" type="text" />
                        </div>
                        <div class="enterForm_field g-12 g-safeContext">
                            <label class="enterForm_field_label g-col-1 g-span-3" for="enterPassword">Пароль</label>
                            <input class="g-col-4 g-span-8" id="enterPassword" type="password" />
                        </div>
                        <input class="enterForm_button" type="submit" value="Войти" />
                    </div></div>
                </div>
            </div>
            <a class="l-logo g-inlineBlock" href="">
                <img class="l-logo_img" src="img/logo.png" width="120" height="120" alt="GOOD WORX" />
                место&nbsp;встречи<br />неравнодушных
            </a>
        </div>
        <div class="l-rWrap l-rWrap__rCol">
            <div class="l-rWrap_t">
                <div class="l-rWrap_t_t"></div>

                <div class="l-rWrap_c l-content g-safeContext">
                    <div class="l-content_col1">
                        <div class="l-content_col1_pad">
                            <h2 class="g-primaryTitle">ближайщие проекты</h2>
                            <ul class="feed">
                                <li class="feed_item g-safeContext">
                                    <img class="feed_item_img g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p><a class="feed_item_title" href="">Убрать Шарташ</a> <span class="feed_item_date">15 августа</span></p>
                                    <p class="feed_item_text">Будем собирать бутылки, консервные банки и прочий мусор, который валяется под ногами.</p>
                                    <p class="feed_item_comment">Нужны водители, уборщки, фотограф и координаторы. Записались 24 неравнодушных.</p>
                                    <div class="g-smallPerson">
                                        <img src="img/temp/person.jpg" alt="" />
                                        <p class="g-smallPerson_name g-inlineBlock">
                                            <span class="g-smallPerson_name_title">Организатор</span><br />
                                            <a class="g-smallPerson_name_fio" href="">Владимир Шахрин</a>
                                        </p>
                                    </div>
                                </li>
                                <li class="feed_item g-safeContext">
                                    <img class="feed_item_img g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p><a class="feed_item_title" href="">Сайт для благотворительной организации и механизации с длинным названием</a> <span class="feed_item_date">15 августа</span></p>
                                    <p class="feed_item_text">Будем собирать бутылки, консервные банки и прочий мусор, который валяется под ногами.</p>
                                    <p class="feed_item_comment">Нужны водители, уборщки, фотограф и координаторы. Записались 24 неравнодушных.</p>
                                    <div class="g-smallPerson">
                                        <img src="img/temp/person.jpg" alt="" />
                                        <p class="g-smallPerson_name g-inlineBlock">
                                            <span class="g-smallPerson_name_title">Организатор</span><br />
                                            <a class="g-smallPerson_name_fio" href="">Владимир Шахрин</a>
                                        </p>
                                    </div>
                                </li>
                            </ul>

                            <h2 class="g-primaryTitle">дружественные проекты</h2>
                            <ul class="feed">
                                <li class="feed_item g-safeContext">
                                    <p><a class="feed_item_title" href="">Спасти кота</a> <span class="feed_item_date">30 августа</span></p>
                                    <p class="feed_item_text">Сообщество «Чип и Дейл спешат» организует спасение кота.</p>
                                </li>
                                <li class="feed_item g-safeContext">
                                    <p><a class="feed_item_title" href="">Починить телевизор</a> <span class="feed_item_date">15 августа</span></p>
                                    <p class="feed_item_text">Сообщество «Чип и Дейл спешат» организует починку телевизора.</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="l-content_col2">
                        <div class="l-content_col2_pad">
                            <h2 class="g-primaryTitle">что мы сделали</h2>
                            <ul class="feed">
                                <li class="feed_item g-safeContext">
                                    <img class="feed_item_img g-imgBorder" src="img/temp/pic2.jpg" alt="" />
                                    <p><a class="feed_item_title" href="">Раздобыть рисовальную машину</a> <span class="feed_item_date">9 мая 2011</span></p>
                                    <p class="feed_item_text">Раздобыли и разрисовали весь город! Ура!!</p>
                                    <p class="feed_item_comment">45 участников</p>
                                </li>
                                <li class="feed_item g-safeContext">
                                    <img class="feed_item_img g-imgBorder" src="img/temp/pic3.jpg" alt="" />
                                    <p><a class="feed_item_title" href="">Убрать Шарташ</a> <span class="feed_item_date">1 мая 2011</span></p>
                                    <p class="feed_item_text">Очистили Шарташ от мусора и  пошли пить квас в Карабас!</p>
                                    <p class="feed_item_comment">187 участников</p>
                                </li>
                                <li class="feed_item g-safeContext">
                                    <img class="feed_item_img g-imgBorder" src="img/temp/pic2.jpg" alt="" />
                                    <p><a class="feed_item_title" href="">Раздобыть рисовальную машину</a> <span class="feed_item_date">9 мая 2011</span></p>
                                    <p class="feed_item_text">Раздобыли и разрисовали весь город! Ура!!</p>
                                    <p class="feed_item_comment">45 участников</p>
                                </li>
                                <li class="feed_item g-safeContext">
                                    <img class="feed_item_img g-imgBorder" src="img/temp/pic3.jpg" alt="" />
                                    <p><a class="feed_item_title" href="">Убрать Шарташ</a> <span class="feed_item_date">1 мая 2011</span></p>
                                    <p class="feed_item_text">Очистили Шарташ от мусора и  пошли пить квас в Карабас!</p>
                                    <p class="feed_item_comment">187 участников</p>
                                </li>
                            </ul>
                            <p class="moreRef"><a href="">Еще 29 законченных проекта</a></p>
                        </div>
                    </div>
                </div>

                <div class="l-rWrap_t_l"></div>
                <div class="l-rWrap_t_r"></div>
            </div>
            <div class="l-rWrap_b"><div class="l-rWrap_b_rCol"></div></div>
            <div class="l-rWrap_bl"></div>
            <div class="l-rWrap_br"></div>
        </div>

        <div class="l-footer">
            <a class="l-footer_ref" href="">Написать разработчикам</a>
        </div>
    </div>
</body>
</html>